<template>
  <div>
    <h3>活动列表</h3>
    <el-row type="flex" align="middle" :gutter="20" style="padding:20px 0;">
  
      <el-col :span="5" style="width: 140px;">
        <el-select v-model="currentType" placeholder="请选择活动分类">
          <el-option v-for="type in types" :value="type">
          </el-option>
        </el-select>
      </el-col>
      <el-col :span="13">
        <!--<el-button :plain="true" type="info">设置活动分类</el-button>-->
        <el-button :plain="true" @click.native="load" type="danger">加载</el-button>
        <el-button :plain="true" @click.native="" type="info">置顶</el-button>
        <el-button :plain="true" @click.native="" type="info">复制</el-button>
      </el-col>
    </el-row>
  
    <page ref="mypage" url="http://localhost:18080/httpmock" v-bind:gridColumns="[{'label':'标题','property':'title'}]" />
  </div>
</template>


<script> 
import page from '../components/page.vue';
export default {
  name: 'index',
  data: function () {
    return {
      totalActiveNum: 3,
      totalSignUp: 204,
      auditNum: 15,
      activeNum: 0,
      currentType: '全部',
      selectItems: [],
      types: ['全部', '测试活动', '免费活动', '收费活动'],
      tableData: [],
    }
  },
  components: {
    page
  }, methods: {
    load: function () {
      this.$refs.mypage.pageInit();
    }
  }
};
</script>